/* #ifdef H5 */
* {
	font-family: Arial, "Microsoft Yahei", "微软雅黑";
}

.uni-page-head-btn {
	display: inline-flex;
	align-items: center;
}

/* #endif */

// 主题
.cl-page {
	&.theme-default {

		// 渐变色
		.cl-tag.cl-tag--primary:not(.is-plain),
		.cl-button--primary:not(.is-plain) {
			background: linear-gradient(120deg, rgba($cl-color-primary, 0.7), $cl-color-primary);
			border: 0;
		}

		.cl-button {
			&.is-custom {
				height: 80rpx;
				font-size: 30rpx;
				width: 100%;
			}
		}
	}

	&.theme-grey {
		$color: #f6f7fa;

		@mixin set() {
			background-color: $color;
			border-color: $color;
		}

		.cl-button--default,
		.cl-input,
		.cl-select-inner,
		.cl-upload,
		.cl-textarea,
		.cl-checkbox.is-border,
		.cl-search__input {
			@include set();
		}

		.cl-upload {
			border: 0;
		}
	}
}

// 其他
.mp-html {

	// #ifndef MP
	img,
	// #endif
	image {
		display: block;
		max-width: 100%;
	}

	.hl-pre {
		border-radius: 20rpx;
		box-sizing: border-box;
		// width 看页面情况设置，如：calc(100vw - 48rpx)
	}
}

.flex {
	display: flex;
}

.flex1 {
	flex: 1;
}

.flex-column {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.flex-center {
	align-items: center;
	justify-content: center;
}

.flex-between {
	justify-content: space-between;
}

.flex-end {
	align-items: flex-end;
	justify-content: flex-end;
}

.bold {
	font-weight: bold;
}

.align-center {
	align-items: center;
}

.align-top {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.just-center {
	justify-content: center;
}

.just-end {
	justify-content: flex-end;
}

:deep(.cl-form-item__label) {
	font-family: PingFangSC;
	font-weight: 400;
	font-size: 32rpx;
	color: #666666;
}

:deep(.uni-input-input) {
	font-family: PingFangSC;
	font-weight: 400;
	font-size: 40rpx;
	color: #333;
}

:deep(.placeholder) {
	font-family: PingFangSC;
	font-weight: 400;
	font-size: 32rpx !important;
	color: #dddddd !important;
}

:deep(.cl-form-item) {
	border-bottom: 2rpx solid #f1f1f1;
	padding-bottom: 15rpx;
	margin-bottom: 40rpx !important;
}

.formInfo {
	:deep(.cl-form-item__label) {
		font-family: PingFangSC;
		font-weight: 400;
		font-size: 34rpx;
		color: #333;
	}

	:deep(.uni-input-input) {
		font-family: PingFangSC;
		font-weight: 400;
		font-size: 34rpx;
		color: #333;
	}

	:deep(.placeholder) {
		font-family: PingFangSC;
		font-weight: 400;
		font-size: 34rpx !important;
		color: #bbb !important;
	}

	:deep(.cl-form-item) {
		border-bottom: 2rpx solid #eee;
		padding: 18rpx 0;
		margin-bottom: 0rpx !important;
	}
}

.w50 {
	width: 50rpx;
}

.w100 {
	width: 100%;
}

.h50 {
	height: 50rpx;
}

.h100 {
	height: 100%;
}

.mt30 {
	margin-top: 30rpx;
}

.mt70 {
	margin-top: 70rpx;
}

.mt100 {
	margin-top: 100rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.mb40 {
	margin-bottom: 40rpx;
}

.mr30 {
	margin-right: 30rpx;
}

.mr40 {
	margin-right: 40rpx;
}

.ml70 {
	margin-left: 70rpx;
}

.pb50 {
	padding-bottom: 50rpx;
}

.pb20 {
	padding-bottom: 20rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.flex50 {
	flex: 0 0 50%;
}

.aaa {
	color: #aaaaaa;
}

.font24 {
	font-size: 24rpx;
}

.overflow1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overflow2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}